{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"课程详情",back:1} %}
    <div class="padl10 padr10">
        <div class="flrc">
            <div class="padr5"><span class="fs8 bc1 c13 padl5 padr5 padt4 padb3 round3">[[ subjects[live.subjectId] ]]</span></div>
            <div class="flex1 fs12">[[live.title]]</div>
        </div>
        <div class="c12 padt5 fs8">
            <span>开课日期：</span>
            <span>[[live.startdate]] - [[live.enddate]]</span>
            <span>上课时间：</span>
            <span>[[live.time]]</span>
        </div>
        <div class="padt10 padb10 bdbso op8">上课形式：[[live.tips]]</div>
        <div class="padt10 fs10">
            课程试听
        </div>
        <div class="padt30 padb30 c11 fs24 tac mart5 pos-r" @click="play(live.scan,live.title)">
             <img :src="root + live.pic" class="pos-a l0 r0 t0 b0 w100 h100 bca09" style="z-index: -1;" alt="" onerror="this.src=pic404">
            {#视频播放器占位#}
            {#<span class="fa fa-play-circle  on fa-circle"></span>#}
            <span class="fa-stack fa-lg op8">
              <i class="fa fa-circle fa-stack-2x"></i>
              <i class="fa fa-play-circle fa-stack-1x fa-inverse"></i>
            </span>
            <mu-ripple></mu-ripple>
        </div>
        <div class="padt10 fs10">
            讲师简介
        </div>
        <div class="flex-r mart5">
            <div class="padr10">
                <div class="userHead3"> <img class="userHead3 round" :src="root + teacher.pic" alt="" onerror="this.src=pic404"></div>
                <div class="c3 tac mart5">[[teacher.name]]</div>
            </div>
            <div class="flex1 c3 fs10">
                [[teacher.intro]]
            </div>
        </div>
        <div class="padt10 fs10">
            课程简介
        </div>
        <div><p v-html="live.content"></p></div>

    </div>
    <div class="buy flrc bdtso pos-f b0 l0 r0 bcf fs14" v-if="!isTrue(payStatus)">
        <div class="flex1 c11 padl10">￥[[live.price]]</div>
        <div @click="goto('liveBuy',{id:live.id})" class="bc1 c13 pad10 fs10 pos-r"><mu-ripple>立即报名</mu-ripple></div>
    </div>

    <div class="buy flrc bdtso pos-f b0 l0 r0 bcf fs14" v-if="isTrue(payStatus)">
        <div @click="goto('liveBuy',{id:live.id})" class="bc1 c13 pad10 fs10 pos-r flex1 tac"><mu-ripple>去观看</mu-ripple></div>
    </div>

{% endblock %}